<template>
    <div>
        <div class="art-exhibition-title indextitle">
            <img src="@/assets/images/画家推荐.jpg" alt="" class="hot-icon">
            <a href="#" class="details">
                <svg t="1674987056061" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2285"><path stroke="#999999" stroke-width="25" d="M362.666667 896c-4.266667 0-8.533333 0-12.8-4.266667-8.533333-8.533333-8.533333-21.333333-4.266667-29.866666L631.466667 512 345.6 162.133333c-8.533333-8.533333-4.266667-21.333333 4.266667-29.866666 8.533333-8.533333 21.333333-4.266667 29.866666 4.266666l298.666667 362.666667c8.533333 8.533333 8.533333 21.333333 0 25.6l-298.666667 362.666667c-4.266667 4.266667-12.8 8.533333-17.066666 8.533333z" fill="#999999" p-id="2286"></path></svg>
            </a>
        </div>
        <!-- 板块外层盒子 -->
        <el-container class="author-box" style="display: flex; flex-wrap: wrap;">
            <!-- 3张卡片 -->
            <el-card v-for="(o, index) in painting" :key="index" shadow="never" :body-style="{ padding: '0px',height: '5.55rem'}" class="card">
                <img :src="require('../../../../server/public/images/index/author/' + o.img)" class="image">
                <div class="cardbottom">
                    <el-row style="margin-top: .16rem">
                        <el-col>
                            <p class="title text-h2">{{o.author}}</p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: .16rem">
                        <el-col class="text1" style="color: #fff;">
                            {{o.country}}:&nbsp;{{o.time}}
                        </el-col>
                    </el-row>
                </div>
            </el-card>
        </el-container>
    </div>
</template>

<script>
export default {
    name: 'WorkspaceJsonAuthor',

    data() {
        return {
            painting: [
                {id: 1, img: '莫奈.jpg', author: '莫奈', country: '法国画家', time: '1840-1920'},
                {id: 2, img: '达芬奇.jpg', author: '达芬奇', country: '意大利画家', time: '1452-1519'},
                {id: 3, img: '米开朗基罗.jpg', author: '米开朗基罗', country: '法国画家', time: '1475-1564'},
            ]
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style scoped>
@import '@/assets/css/index/Author/Author.min.css'
</style>